<script src="app/controllers/users/DashboardController.js"></script>

<div class="hfr-loading" ng-class="{true:'hfr-showContent', false:''}[showViewContent]" ng-controller="DashboardController">
	<div class="hfr-contentLoadingBar">
		<div id="dot1" class="loader-dot"></div>
		<div id="dot2" class="loader-dot"></div>
		<div id="dot3" class="loader-dot"></div>
	</div>
	<div class="hfr-loadingStatus">
		<!-- VIEW Dashboard
		http://themeforest.net/item/chain-responsive-bootstrap-3-admin-template/full_screen_preview/8539704
    	================================================== -->
		<div class="hfr-dashboard container hfr-margin-auto">
			<h2 class="hfr-heading">{{'static.layout.dashboard' | translate}}</h2>
			<div class="row">
				<div class="col-md-3">
					<a href="#/add-new-site-wordpress" class="hfr-button-blue hfr-solid hfr-button-big btn-block">{{'static.dashboard.createWordpress' | translate}}</a>
					<a href="#/add-new-site-blogspot" class="hfr-button-orange hfr-solid hfr-button-big btn-block">{{'static.dashboard.createBlogger' | translate}}</a>
				</div>
				<div class="col-md-9">
					<div class="hfr-box-grey">
						<div class="row">
							<div class="col-md-4">
								<div class="hfr-overview">
									<span class="ti-pencil-alt hfr-icon"></span>
									<div class="hfr-overviewDetail">
										<h4><a href="#/site-management">{{'static.dashboard.totalSite' | translate}}</a></h4>
										<span class="hfr-number-big">{{totalBlogs}}</span>
									</div>
									<hr>
									<!-- <div class="clearafter content-center">
										<div class="pull-left">
											<h4>Yesterday</h4>
											<span class="hfr-number-small">0</span>
										</div>
										<div class="pull-right">
											<h4>This Week</h4>
											<span class="hfr-number-small">2</span>
										</div>
									</div> -->
								</div>
							</div>
							<div class="col-md-4">
								<div class="hfr-overview">
									<span class="ti-layout-list-post hfr-icon"></span>
									<div class="hfr-overviewDetail">
										<h4>{{'static.dashboard.totalSitemap' | translate}}</h4>
										<span class="hfr-number-big">{{totalBlogs}}</span>
									</div>
									<hr>
									<!-- <div class="clearafter">
										<div class="pull-left">
											<h4>Yesterday</h4>
											<span class="hfr-number-small">0</span>
										</div>
										<div class="pull-right">
											<h4>This Week</h4>
											<span class="hfr-number-small">2</span>
										</div>
									</div> -->
								</div>
							</div>
							<div class="col-md-4">
								<div class="hfr-overview">
									<span class="ti-check-box hfr-icon"></span>
									<div class="hfr-overviewDetail">
										<h4>{{'static.dashboard.totalPost' | translate}}</h4>
										<span class="hfr-number-big">{{totalBlogs}}</span>
									</div>
									<hr>
									<div class="clearafter content-center">
										<div class="pull-left">
											<h4>Yesterday</h4>
											<span class="hfr-number-small">0</span>
										</div>
										<div class="pull-right">
											<h4>This Week</h4>
											<span class="hfr-number-small">2</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- =============== End view =============== -->
	</div>
</div>	
		